<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/gh/Super-Tool-Man/message/codebase/message.js"></script>
    <link href="https://cdn.jsdelivr.net/gh/Super-Tool-Man/message/codebase/themes/message_default.css"
          rel="stylesheet">
    <link href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="../css/Tools.css" type="text/css"/>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>


<div class="container country_container">
    <label for="user_input"></label>
    <input type="text" class="user_input" id="user_input"placeholder="请输入要翻译搜索的内容">
    <br><br>
    <!--按钮容器-->
    <div class="bt_container" id="bt_container">
    </div>
</div>

<div class="container result_container" id="result_container">
    <div class="container mt-3">
        <h3>堆叠表单</h3>
        <form action="">
            <div class="row">
                <div class="mb-3 mt-3 col">
                    <label for="product_name" class="form-label">产品名称:</label>
                    <input type="text" class="form-control" id="product_name" placeholder="产品名称"
                           name="product_name">
                </div>
                <div class="mb-3 mt-3 col">
                    <label for="country" class="form-label">国家:</label>
                    <input type="text" class="form-control" id="country" placeholder="国家" name="country">
                </div>
                <div class="mb-3 mt-3 col">
                    <label for="sku" class="form-label">SKU:</label>
                    <input type="text" class="form-control" id="sku" placeholder="SKU" name="sku">
                </div>
            </div>
            <div class="row">
                <div class="mb-2 col">
                    <label for="price" class="form-label">售价（单位：人民币）:</label>
                    <input type="number" class="form-control" id="price" placeholder="售价" name="price">
                </div>
                <div class="mb-3 col">
                    <label for="cost_price" class="form-label">拿货价（单位：人民币）:</label>
                    <input type="number" class="form-control" id="cost_price" placeholder="拿货价" name="cost_price">
                </div>
                <div class="mb-3 col">
                    <label for="delivery_time" class="form-label">配送时间:</label>
                    <input type="text" class="form-control" id="delivery_time" placeholder="配送时间" name="delivery_time">
                </div>
            </div>

            <div class="row">
                <div class="mb-3 col">
                    <label class="form-label">包装尺寸（单位：cm）:</label>
                    <div class="row">
                        <div class="mb-3 col">
                            <input type="number" class="form-control" id="package_size_l" placeholder="长">
                        </div>
                        <div class="mb-3 col">
                            <input type="number" class="form-control" id="package_size_w" placeholder="宽">
                        </div>
                        <div class="mb-3 col">
                            <input type="number" class="form-control" id="package_size_h" placeholder="高">
                        </div>
                    </div>
                </div>
                <div class="mb-3 col">
                    <label for="throw_weight" class="form-label">计抛重量（单位：kg）:</label>
                    <input type="number" class="form-control" id="throw_weight" placeholder="计抛重量">
                </div>
                <div class="mb-3 col">
                    <label for="actual_weight" class="form-label">实际重量（单位：kg）:</label>
                    <input type="number" class="form-control" id="actual_weight" placeholder="实际重量">
                </div>
            </div>
            <div class="row">
                <div class="mb-3 col">
                    <label for="is_electric_or_magnetic" class="form-label">是否带电带磁:</label>
                    <input type="text" class="form-control" id="is_electric_or_magnetic" placeholder="是否带电带磁">
                </div>
                <div class="mb-3 col">
                    <label for="amazon_order_number" class="form-label">亚马逊单号:</label>
                    <input type="text" class="form-control" id="amazon_order_number" placeholder="亚马逊单号">
                </div>
            </div>
            <div class="row">
                <div class="mb-3 col">
                    <label for="order_remark" class="form-label">下单备注:</label>
                    <textarea class="form-control" id="order_remark" placeholder="下单备注"></textarea>
                </div>
                <div class="mb-3 col">
                    <label for="purchase_link" class="form-label">拿货链接:</label>
                    <textarea class="form-control" id="purchase_link" placeholder="拿货链接"></textarea>
                </div>
            </div>
            <div class="row">
                <div class="mb-3 col">
                    <input id="copy_info" type="button" class="btn btn-info" style="width: 100%" value="复制内容">
                </div>
                <div class="mb-3 col">
                    <input id="inst_info" type="button" class="btn btn-info" style="width: 100%" value="写入内容">
                </div>
                <div class="mb-3 col">
                    <input id="save_info" type="button" class="btn btn-info" style="width: 100%" value="保存为txt">
                </div>
            </div>

        </form>
    </div>

</div>

<script type="text/javascript" src="../js/Tools.js"></script>
</body>
</html>